<template>
  <div>
    <h1>我是弟弟中的count{{ count }}</h1>
    <button @click="cancelHandle">点击取消订阅</button>
  </div>
</template>

<script>
import Pubsub from "pubsub-js";
export default {
  name: "Didi",
  data() {
    return {
      count: 0,
      num:null
    };
  },
  beforeMount() {
   this.num = Pubsub.subscribe("count", (_, count) => {
      this.count = count;
    });
  },
  methods:{
    cancelHandle(){
      // 取消订阅后跟的是订阅的名称,则其他订阅的这个消息也被取消
      // Pubsub.unsubscribe('count')
      //消息订阅时会返回一个值,如果取消订阅后跟的是这个值,则只取消这个值对应的订阅
      Pubsub.unsubscribe(this.num)

    }
  }
};
</script>

<style>
</style>